input,
textarea {
  padding: 3px 10px;
  line-height: 24px;
  border: 1px solid #e0e1e2;
  border-radius: 4px;
  margin: 0;
  outline: none;
  color: #333 !important;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
$margin:5px;  //margin 边距基数
$padding:1px; //padding 边距 基数
$fontSize:2px;  //字体大小  基数

//弹性盒
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
.wrap{
  @extend .flex;
  flex-wrap: wrap
}
.nowrap{
  @extend .flex;
  flex-wrap: nowrap;
}
.column{
  @extend .flex;
  flex-direction: column;
}
.rowReverse{
	@extend .flex;
	flex-direction: row-reverse;
}
.acenter{
  @extend .flex;
  align-items: center;
}
.j-center{
justify-content: center;
}
.a-center{
  align-items: center;
}
.between{
  justify-content: space-between;
}
.flexStart{
  justify-content: flex-start;
}
.flexEnd{
justify-content: end;
}


//边距
@for $i from 1 through 40{  //左边距
  .ml#{$i*5}{
      margin-left: $margin * $i;
  }
}

@for $i from 1 through 40{ //右边距
  .mr#{$i*5}{
      margin-right: $margin * $i;
  }
}

@for $i from 1 through 40{ //底边距
  .mb#{$i*5}{
      margin-bottom: $margin * $i;
  }
}

@for $i from 1 through 40{ //上边距
  .mt#{$i*5}{
      margin-top: $margin * $i;
  }
}

@for $i from 1 through 50{ //四个角相同边距
.m#{$i*2}{
  margin: 2px * $i;
}
}

//padding 值
@for $i from 1 through 40{  //左padding
  .pl#{$i*1}{
      padding-left: $padding * $i;
  }
}

@for $i from 1 through 40{ //右padding
  .pr#{$i*1}{
    padding-right: $padding * $i;
  }
}

@for $i from 1 through 40{ //底padding
  .pb#{$i*1}{
    padding-bottom: $padding * $i;
  }
}

@for $i from 1 through 40{ //上padding
  .pt#{$i*1}{
    padding-top: $padding * $i;
  }
}
@for $i from 1 through 50{ //四个角相同的内边距
.p#{$i*2}{
  padding: 2px * $i;
}
}

//字体
@for $i from 6 through 50{ //字体大小
  .fs#{$i*2}{
      font-size: $fontSize * $i;
  }
}
// 全局修改el样式
//翻页左右格式
.page .el-pagination{
    text-align: right;
}
.page .el-pagination__total {
	float: left;
}